<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flipping Card</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <section>
        <div class="card-wrapper">
            <div class="container">
                <div class="card front-face">
                    <header>
                        <span class="logo">
                            <img src="images/logo.png" alt="">
                            <h5>mastercard</h5>
                        </span>
                        <img src="images/chip.png" alt="" class="chip">
                    </header>

                    <div class="card-details">
                        <div class="name-number">
                            <h6>Card Number</h6>
                            <div class="number">1000 2000 0002 0001</div>
                            <div class="name">Ayush Agrawal</div>
                        </div>

                        <div class="valid-date">
                            <div class="validity">
                                <h6>VALID</h6>
                                <h6>THRU</h6>
                            </div>
                            <div class="date">08/26</div>
                        </div>
                    </div>
                </div>

                <div class="card back-face">
                    <h6>For customer service call +977 4343 3433 or email at mastercard@gmail.com</h6>
                    <span class="magnetic-strip"></span>
                    <div class="signature"><i>056</i></div>
                    <h5>Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique cum unde labore sed molestiae placeat molestias enim error praesentium, quo temporibus facilis rerum quos nesciunt? Libero doloremque natus consectetur. Animi libero magni numquam soluta nobis. Deserunt incidunt quos hic, nesciunt dolorum facere in, expedita, asperiores accusamus iusto amet quo ullam.</h5>
                </div>
            </div>
        </div>
    </section>
</body>

</html>